﻿<h2>欢迎</h2>
<p id="page-intro">快捷操作</p>
<ul class="shortcut-buttons-set">
    <li>
        <a class="shortcut-button" href="#">
            <span>
                <img src="/images/icons/pencil_48.png" alt="icon"><br>
                天天赢
            </span>
        </a>
    </li>
    <li>
        <a class="shortcut-button" href="#">
            <span>
                <img src="/images/icons/paper_content_pencil_48.png" alt="icon"><br>
                周周盈
            </span>
        </a>
    </li>
    <li>
        <a class="shortcut-button" href="#">
            <span>
                <img src="/images/icons/image_add_48.png" alt="icon"><br>
                股票配资
            </span>
        </a>
    </li>
    <li>
        <a class="shortcut-button" href="#">
            <span>
                <img src="/images/icons/clock_48.png" alt="icon"><br>
                咨询管理
            </span>
        </a>
    </li>
</ul>
<div class="clear"></div>
<div class="content-box">
    <div class="content-box-header">
        <h3 style="cursor: s-resize;">Content box</h3>
        <ul class="content-box-tabs">
            <li><a href="#tab1" class="default-tab current">Table</a></li>
            <li><a href="#tab2">Forms</a></li>
        </ul>
        <div class="clear"></div>
    </div>
    <div class="content-box-content">
        <div class="tab-content default-tab" id="tab1" style="display: block;">
            <div class="notification attention png_bg">
                <a href="#" class="close">
                    <img src="/images/icons/cross_grey_small.png" title="Close this

notification" alt="close">
                </a>
                <div>
                    This is a Content Box. You can put whatever you want in it. By the way, you can close this

                    notification with the top-right cross.
                </div>
            </div>
            <table>
                <thead>
                    <tr>
                        <th>
                            <input class="check-all" type="checkbox">
                        </th>
                        <th>Column 1</th>
                        <th>Column 2</th>
                        <th>Column 3</th>
                        <th>Column 4</th>
                        <th>Column 5</th>
                    </tr>
                </thead>
                <tfoot>
                    <tr>
                        <td colspan="6">
                            <div class="bulk-actions align-left">
                                <select name="dropdown">
                                    <option value="option1">Choose an action...</option>
                                    <option value="option2">Edit</option>
                                    <option value="option3">Delete</option>
                                </select>
                                <a class="button" href="#">Apply to selected</a>
                            </div>
                            <div class="pagination">
                                <a href="#" title="First Page">« First</a><a href="#"
                                                                             title="Previous Page">« Previous</a> <a href="#" class="number" title="1">1</a> <a href="#" class="number" title="2">2</a> <a href="#" class="number current" title="3">3</a> <a href="#" class="number" title="4">4</a> <a href="#" title="Next Page">
                                    Next

                                    »
                                </a><a href="#" title="Last Page">Last »</a>
                            </div>
                            <div class="clear"></div>
                        </td>
                    </tr>
                </tfoot>
                <tbody>
                    <tr class="alt-row">
                        <td>
                            <input type="checkbox">
                        </td>
                        <td>Lorem ipsum dolor</td>
                        <td><a href="#" title="title">Sit amet</a></td>
                        <td>Consectetur adipiscing</td>
                        <td>Donec tortor diam</td>
                        <td>
                            <a href="#" title="Edit"><img src="/images/icons/pencil.png" alt="Edit"></a> <a href="#"
                                                                                                            title="Delete"><img src="/images/icons/cross.png" alt="Delete"></a> <a href="#" title="Edit Meta">
                                <img src="/images/icons/hammer_screwdriver.png" alt="Edit Meta">
                            </a>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <input type="checkbox">
                        </td>
                        <td>Lorem ipsum dolor</td>
                        <td><a href="#" title="title">Sit amet</a></td>
                        <td>Consectetur adipiscing</td>
                        <td>Donec tortor diam</td>
                        <td>
                            <a href="#" title="Edit"><img src="/images/icons/pencil.png" alt="Edit"></a> <a href="#"
                                                                                                            title="Delete"><img src="/images/icons/cross.png" alt="Delete"></a> <a href="#" title="Edit Meta">
                                <img src="/images/icons/hammer_screwdriver.png" alt="Edit Meta">
                            </a>
                        </td>
                    </tr>
                    <tr class="alt-row">
                        <td>
                            <input type="checkbox">
                        </td>
                        <td>Lorem ipsum dolor</td>
                        <td><a href="#" title="title">Sit amet</a></td>
                        <td>Consectetur adipiscing</td>
                        <td>Donec tortor diam</td>
                        <td>
                            <a href="#" title="Edit"><img src="/images/icons/pencil.png" alt="Edit"></a> <a href="#"
                                                                                                            title="Delete"><img src="/images/icons/cross.png" alt="Delete"></a> <a href="#" title="Edit Meta">
                                <img src="/images/icons/hammer_screwdriver.png" alt="Edit Meta">
                            </a>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <input type="checkbox">
                        </td>
                        <td>Lorem ipsum dolor</td>
                        <td><a href="#" title="title">Sit amet</a></td>
                        <td>Consectetur adipiscing</td>
                        <td>Donec tortor diam</td>
                        <td>
                            <a href="#" title="Edit"><img src="/images/icons/pencil.png" alt="Edit"></a> <a href="#"
                                                                                                            title="Delete"><img src="/images/icons/cross.png" alt="Delete"></a> <a href="#" title="Edit Meta">
                                <img src="/images/icons/hammer_screwdriver.png" alt="Edit Meta">
                            </a>
                        </td>
                    </tr>
                    <tr class="alt-row">
                        <td>
                            <input type="checkbox">
                        </td>
                        <td>Lorem ipsum dolor</td>
                        <td><a href="#" title="title">Sit amet</a></td>
                        <td>Consectetur adipiscing</td>
                        <td>Donec tortor diam</td>
                        <td>
                            <a href="#" title="Edit"><img src="/images/icons/pencil.png" alt="Edit"></a> <a href="#"
                                                                                                            title="Delete"><img src="/images/icons/cross.png" alt="Delete"></a> <a href="#" title="Edit Meta">
                                <img src="/images/icons/hammer_screwdriver.png" alt="Edit Meta">
                            </a>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <input type="checkbox">
                        </td>
                        <td>Lorem ipsum dolor</td>
                        <td><a href="#" title="title">Sit amet</a></td>
                        <td>Consectetur adipiscing</td>
                        <td>Donec tortor diam</td>
                        <td>
                            <a href="#" title="Edit"><img src="/images/icons/pencil.png" alt="Edit"></a> <a href="#"
                                                                                                            title="Delete"><img src="/images/icons/cross.png" alt="Delete"></a> <a href="#" title="Edit Meta">
                                <img src="/images/icons/hammer_screwdriver.png" alt="Edit Meta">
                            </a>
                        </td>
                    </tr>
                    <tr class="alt-row">
                        <td>
                            <input type="checkbox">
                        </td>
                        <td>Lorem ipsum dolor</td>
                        <td><a href="#" title="title">Sit amet</a></td>
                        <td>Consectetur adipiscing</td>
                        <td>Donec tortor diam</td>
                        <td>
                            <a href="#" title="Edit"><img src="/images/icons/pencil.png" alt="Edit"></a> <a href="#"
                                                                                                            title="Delete"><img src="/images/icons/cross.png" alt="Delete"></a> <a href="#" title="Edit Meta">
                                <img src="/images/icons/hammer_screwdriver.png" alt="Edit Meta">
                            </a>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <input type="checkbox">
                        </td>
                        <td>Lorem ipsum dolor</td>
                        <td><a href="#" title="title">Sit amet</a></td>
                        <td>Consectetur adipiscing</td>
                        <td>Donec tortor diam</td>
                        <td>
                            <a href="#" title="Edit"><img src="/images/icons/pencil.png" alt="Edit"></a> <a href="#"
                                                                                                            title="Delete"><img src="/images/icons/cross.png" alt="Delete"></a> <a href="#" title="Edit Meta">
                                <img src="/images/icons/hammer_screwdriver.png" alt="Edit Meta">
                            </a>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="tab-content" id="tab2" style="display: none;">
            <form action="#" method="post">
                <fieldset>
                    <p>
                        <label>Small form input</label>
                        <input class="text-input small-input" type="text" id="small-input" name="small-input">
                        <span class="input-notification success png_bg">Successful message</span>
                        <br>
                        <small>A small description of the field</small>
                    </p>
                    <p>
                        <label>Medium form input</label>
                        <input class="text-input medium-input datepicker" type="text" id="medium-input" name="medium-

input">
                        <span class="input-notification error png_bg">Error message</span>
                    </p>
                    <p>
                        <label>Large form input</label>
                        <input class="text-input large-input" type="text" id="large-input" name="large-input">
                    </p>
                    <p>
                        <label>Checkboxes</label>
                        <input type="checkbox" name="checkbox1">
                        This is a checkbox
                        <input type="checkbox" name="checkbox2">
                        And this is another checkbox
                    </p>
                    <p>
                        <label>Radio buttons</label>
                        <input type="radio" name="radio1">
                        This is a radio button<br>
                        <input type="radio" name="radio2">
                        This is another radio button
                    </p>
                    <p>
                        <label>This is a drop down list</label>
                        <select name="dropdown" class="small-input">
                            <option value="option1">Option 1</option>
                            <option value="option2">Option 2</option>
                            <option value="option3">Option 3</option>
                            <option value="option4">Option 4</option>
                        </select>
                    </p>
                    <p>
                        <label>Textarea with WYSIWYG</label>
                        <div class="wysiwyg" style="width: 653px;">
                            <ul class="panel">
                                <li>
                                    <a class="bold">
                                        <!-- --

                                        ></a></li><li><a class="italic"><!-- -->
                                    </a>
                                </li>
                                <li class="separator"></li>
                                <li><a class="createLink"><!-- --></a></li>
                                <li>
                                    <a class="insertImage"><!-- --></a>
                                </li>
                                <li class="separator"></li>
                                <li><a class="h1"><!-- --></a></li>
                                <li>
                                    <a class="h2">
                                        <!-- --

                                        ></a></li><li><a class="h3"><!-- -->
                                    </a>
                                </li>
                                <li class="separator"></li>
                                <li><a class="increaseFontSize"><!-- --></a></li>
                                <li>
                                    <a class="decreaseFontSize"><!-- --></a>
                                </li>
                                <li class="separator"></li>
                                <li><a class="removeFormat"><!-- --></a></li>
                            </ul><div style="clear: both;"><!-- --></div><iframe id="textareaIFrame" style="min-height: 250px; width: 645px;"></iframe>
                        </div><textarea class="text-input textarea wysiwyg" id="textarea" name="textfield" cols="79" rows="15" style="display: none;"></textarea>
                    </p>
                    <p>
                        <input class="button" type="submit" value="Submit">
                    </p>
                </fieldset>
                <div class="clear"></div>
            </form>
        </div>
    </div>
</div>
<div class="content-box column-left">
    <div class="content-box-header">
        <h3 style="cursor: s-resize;">Content box left</h3>
    </div>
    <div class="content-box-content">
        <div class="tab-content default-tab" style="display: block;">
            <h4>Maecenas dignissim</h4>
            <p>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed in porta lectus. Maecenas dignissim enim

                quis ipsum mattis aliquet. Maecenas id velit et elit gravida bibendum. Duis nec rutrum lorem. Donec egestas metus a risus euismod

                ultricies. Maecenas lacinia orci at neque commodo commodo.
            </p>
        </div>
    </div>
</div>
<div class="content-box column-right closed-box">
    <div class="content-box-header">
        <h3 style="cursor: s-resize;">Content box right</h3>
    </div>
    <div class="content-box-content" style="display: none;">
        <div class="tab-content default-tab" style="display: block;">
            <h4>This box is closed by default</h4>
            <p>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed in porta lectus. Maecenas dignissim enim

                quis ipsum mattis aliquet. Maecenas id velit et elit gravida bibendum. Duis nec rutrum lorem. Donec egestas metus a risus euismod

                ultricies. Maecenas lacinia orci at neque commodo commodo.
            </p>
        </div>
    </div>
</div>
<div class="clear"></div>
<div class="notification attention png_bg">
    <a href="#" class="close">
        <img src="/images/icons/cross_grey_small.png" title="Close this notification"
             alt="close">
    </a>
    <div>
        Attention notification. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vulputate, sapien

        quis fermentum luctus, libero.
    </div>
</div>
<div class="notification information png_bg">
    <a href="#" class="close">
        <img src="/images/icons/cross_grey_small.png" title="Close this notification"
             alt="close">
    </a>
    <div>
        Information notification. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vulputate, sapien

        quis fermentum luctus, libero.
    </div>
</div>
<div class="notification success png_bg">
    <a href="#" class="close">
        <img src="/images/icons/cross_grey_small.png" title="Close this notification"
             alt="close">
    </a>
    <div>
        Success notification. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vulputate, sapien quis

        fermentum luctus, libero.
    </div>
</div>
<div class="notification error png_bg">
    <a href="#" class="close">
        <img src="/images/icons/cross_grey_small.png" title="Close this notification"
             alt="close">
    </a>
    <div>
        Error notification. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vulputate, sapien quis

        fermentum luctus, libero.
    </div>
</div>